// 定义站点变量
// colors
$colors:(
    'primary': #db9e3f,
    'info': #4b67af,
    'danger': #791a15,
    'blue-1': #1f3695,
    'blue': #4394e4,
    'white': #fff,
    'white-1': #fcfcfc,
    'white-2': #eceef0,
    'light': #f9f9f9,
    'light-1': #d4d9de,
    'grey': #999,
    'grey-1': #666,
    'grey-2': #b6afa8,
    'dark-1': #343440,
    'dark': #222,
    'black': #000,
);
$border-color: map-get($colors, 'light-1');

// base-font-size
$base-font-size: 1rem;
// font-sizes
$font-sizes:(
    // 8px
    xxs: 0.6154,
    //10px
    xs: 0.7692,
    //12px
    sm: 0.9231,
    //13px
    md: 1,
    //14px
    lg: 1.0769,
    //16px
    xl: 1.2308,
);

// flex
// justify-content
$flex-jc:(
    start: flex-start,
    center: center,
    end: flex-end,
    around: space-around,
    between: space-between,
    evenly: space-evenly
);
// align-items
$flex-ai:(
    start: flex-start,
    center: center,
    end: flex-end,
    stretch: stretch
);
// flex-dirction
$flex-directions:(
    column: column,
    column-reverse: column-reverse,
    row: row,
    row-reverse: row-reverse
);
// flex-grid
$flex-grid-12:(
    1: 1,
    2: 2,
    3: 3,
    4: 4,
    5: 5,
    6: 6,
    7: 7,
    8: 8,
    9: 9,
    10: 10,
    11: 11,
    12: 12
);

// spacing
// spacing-typs
$spacing-types: (
    m: margin,
    p: padding
);

// spacing-directions
$spacing-directions:(
    t: top,
    r: right,
    b: bottom,
    l: left,
);

$base-spacing-size: 1rem;
// spacing-sizes
$spacing-sizes: (
    0: 0,
    1: 0.25,
    2: 0.5,
    3: 1,
    4: 1.5,
    5: 3,
);

// position-types
$position-types: (
    relative: relative,
    absolute: absolute,
    fixed: fixed
);

// position-directions
$position-directions:(
    bottom: bottom,
    left: left,
    right: right,
    top: top
)

